@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@100;300;400;500;700&display=swap');

* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; padding: 0; margin: 0;}
html,body,.swiper-container,.swiper-wrapper,.swiper-slide{width:100%;height:100%;}
html{
	font: 16px/1.5 'Noto Sans SC',"Microsoft YaHei",Helvetica,Arial,sans-serif; font-weight: 300;
}
ul,li,ol,dl,dt,dd,p,h1,h2,h3,h4,h5,h6{ list-style: none; padding: 0; margin: 0; }
input,textarea,select{ outline:none; font-family: 'Noto Sans SC',"Microsoft YaHei";}

a { text-decoration: none; color:#666;}
a:hover{ color: #009ea1;}


.clearfix:after{content:"";height:0;line-height:0;display:block;visibility:hidden;clear:both}
.clearfix{zoom:1;}
.clear{ clear:both}

.overflow{overflow-y:hidden;}

/*图片放大*/
.imgZoom img{transition: all .4s;-webkit-transition: all .4s;}
.imgZoom:hover img{transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1);}
/*图片旋转*/
.imgRotate img{-webkit-transition:-webkit-transform 2s ease-out;-moz-transition:-moz-transform 2s ease-out;-o-transition:-o-transform 2s ease-out;-ms-transition:-ms-transform 2s ease-out;}
.imgRotate img:hover{-webkit-transform:rotateZ(360deg);-moz-transform:rotateZ(360deg);-o-transform:rotateZ(360deg);-ms-transform:rotateZ(360deg);transform:rotateZ(360deg);}
/*按钮鼠标经过变暗*/
.wlp-button:hover{filter:alpha(opacity=90);background-image:-webkit-linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1))!important;background-image:linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1))!important;}
/*鼠标经过有阴影*/
.wlp-shadow:hover{box-shadow: 0 0 20px rgba(0,0,0,0.3)!important;}
/*鼠标经过上浮并加阴影*/
.wlp-flow-shadow{-webkit-transition:all .3s;transition:all .3s; cursor: pointer;}
.wlp-flow-shadow:hover{transform:translate3d(0, -8px, 0);-webkit-transform:translate3d(0, -8px, 0);-webkit-box-shadow:0 0px 10px #e9e9e9;box-shadow:0 0px 10px #e9e9e9;}
/*图片经过遮罩*/
.wlp-filter:hover img{ filter:alpha(opacity=70); -moz-opacity:0.7; -webkit-opacity: 0.7; opacity: 0.7;}

img{ display: inline-block; vertical-align:middle;max-width:100%;width: auto;max-height:100%;height: auto; border: none;}

.wrap{ width: 1400px; margin: 0 auto;}


.swiper-slide{background-position:center; position:relative;}
.slide1{background: url(../images/1.jpg) no-repeat center;background-size:100% auto;}
.slide2{background: #f3f3f3; display: table;}
.slide3{background: #fff;}
.slide4{background: url(../images/2.jpg) no-repeat center;background-size:cover;}
.slide4{background: url(../images/2.jpg) no-repeat center;background-size:cover;}
.slide5{background: url(../images/4.jpg) no-repeat center;background-size:cover;}
.slide6{background:#004063 url(../images/6.jpg) no-repeat center;background-size:cover;}
.pagination{
	position: fixed;
    z-index: 100;
    margin-top: -81.5px;
    top: 50%;
	right:17px;
}
.swiper-pagination-switch{
	width:11px;
	height:11px;
	background:#ddd;
	border-radius:50%;
	display:block;
	margin:7px 7px 13px;
	cursor:pointer;
}
.swiper-active-switch{
	background:#008f99;
}


.title {text-align: center; margin-bottom: 60px;}
.title h2{font-size: 35px; color: #333333; line-height: 1; font-weight: 500; position: relative; padding-bottom: 13px;}
.title h2:before{ content:""; width: 65px; height: 2px; background: #009ea1; position: absolute; left: 50%; bottom: 0; margin-left: -32px;}

/*slide1*/
.header{ width: 100%; height: 90px; background: rgba(5,74,116,0.33); position: fixed; z-index: 9999; }
.header .logo{float: left; width:195px; padding-top: 14px; position: absolute; left: 50px; transition: all .4s;-webkit-transition: all .4s;}
.header .nav{ width: 100%; padding-top: 20px;transition: all .4s;-webkit-transition: all .4s;}
.header .nav ul{ margin: 0 auto; display: table;}
.header .nav ul li{display: inline-block; margin: 0 20px;}
.header .nav ul li a{font-size: 18px; color: #fff; line-height: 70px; padding: 0 5px; position: relative; display: block;transition: color .4s;-webkit-transition: color .4s;}
.header .nav ul li a:before{ content:""; width:0%; height: 5px; background: #009ea1; position: absolute; left: 0; bottom:-2px;transition: width .4s;-webkit-transition: width .4s;}
.header .nav ul li a:hover{color: #009ea1;}
.header .nav ul li a:hover:before{ width: 100%;}
.header .nav ul li.focus a{color: #009ea1;}
.header .nav ul li.focus a:before{ width: 100%;}

.header .headright{ position: absolute; right:50px; top:35px;transition: top .4s;-webkit-transition: top .4s;}
.header .headright .searh_btn{ float: left; cursor: pointer; width:23px;height: 23px; background: url(../images/icon01.png) no-repeat center; margin-top: 2px;}
.header .headright .lang{ float: left; position: relative; margin-left: 40px; padding-left: 40px;}
.header .headright .lang:after{ content:"";width:1px; height: 16px; background: #fff; position: absolute; left: 0; top: 50%; margin-top: -8px; transition: background .4s;-webkit-transition: background .4s}
.header .headright .lang a{ padding: 0 3px;}
.header .headright .lang img{ width: 25px; height: 25px; vertical-align: middle;}

.header .menu-toggle{ display: none;}

.header.nei{ background: #fff; transition: all .4s;-webkit-transition: all .4s;}
.header.nei .nav ul li a{ color: #555;transition: all .4s;-webkit-transition: all .4s;}
.header.nei .nav ul li a:hover{color: #009ea1;}
.header.nei .headright .searh_btn{  background: url(../images/icon07.png) no-repeat center; }
.header.nei .headright .lang:after{ background: #8c8c8c;}

.header.nei.cur .logo{ width:145px; padding-top: 8px;}
.header.nei.cur{height: 60px; box-shadow: 0 0 5px rgba(0,0,0,0.1);}
.header.nei.cur .nav{ width: 100%; padding-top: 0px;}
.header.nei.cur .nav ul li a{font-size: 18px; line-height:60px;}
.header.nei.cur .headright{ top: 15px;}

.bannertext{ text-align: center; color: #fff; width: 100%; height: 100%; display: table;}
.bannertext .box{ display: table-cell; vertical-align: middle;}
.bannertext h3{ font-size: 81px; line-height: 1; margin-bottom: 10px;opacity: 0;}
.bannertext p{font-size: 25px; font-weight: normal;text-shadow:0px 0px 5px rgba(0,0,0,0.25); opacity: 0;}

/*slide2*/
.slide2 .con{ width: 100%; display: table-cell; vertical-align: middle;}
.slide2 .box { padding: 20px 0; opacity: 0;}
.slide2 .box ul{ margin: 0 -13px; overflow: hidden;}
.slide2 .box ul li{ width: 25%; float: left; margin-bottom: 50px; padding: 0 13px;}
.slide2 .box ul li a{ display:block; position: relative; border-radius: 10px; overflow: hidden; box-shadow: 0 0 10px rgba(0,0,0,.3);}
.slide2 .box ul li dl{width: 100%; padding-bottom:72.7%; position: relative; overflow: hidden;}
.slide2 .box ul li dl img{ position: absolute;top:0; bottom:0; left:0; right:0; width:100%; height: 100%; margin:auto;}
.slide2 .box ul li p{ width: 100%; height: 50px; line-height: 50px; text-align: center; color: #fff; font-size: 20px; background:rgba(0,0,0,0.6); position: absolute; left: 0; bottom: 0;}
.slide2 a.more{ width: 200px; height: 50px; line-height: 50px; border-radius: 50px; background: #009ea1; color: #fff; font-size: 20px; text-align: center; display:block; margin: 0 auto; transition: all .4s;-webkit-transition: all .4s; opacity: 0;}
.slide2 a.more:hover{ background: #007a7c;}

/*slide3*/
.slide3 .aboutNum{ width:50%; height: 100%; float: left; background:url(../images/aboutBg.jpg) no-repeat center; background-size: cover; display: table; text-align: center;}
.slide3 .aboutNum .box{display: table-cell; vertical-align: middle;}
.slide3 .aboutNum ul{ width:560px; overflow: hidden; margin:0 auto ; opacity: 0;}
.slide3 .aboutNum ul li{ width: 50%; padding: 25px 38px; float: left;}
.slide3 .aboutNum ul li dl{ width: 200px; height: 200px; border: #fff solid 1px; color: #fff; text-align: center; padding-top:55px;}
.slide3 .aboutNum ul li dl b{font-size: 60px; line-height: 1; position: relative;}
.slide3 .aboutNum ul li.mj dl b:before{ content:"+"; position: absolute; right: -10px; top: 20px; font-size: 20px; font-weight: 300;}

.slide3 .boxcon{ width: 50%; height: 100%; float: right; padding: 0 130px 0 100px; display: table;}
.slide3 .con{ width: 100%; display: table-cell; vertical-align: middle; opacity: 0;}
.slide3 .aboutTit{ font-size: 35px; color: #333333; line-height: 1; font-weight: 500; position: relative; padding-top: 15px;  margin-bottom: 60px;}
.slide3 .aboutTit:before{ content:""; width: 65px; height: 2px; background: #009ea1; position: absolute; left: 0; top: 0;}
.slide3 .text{ font-size: 18px;}
.slide3 .more{ width: 230px; height: 66px; line-height: 66px; text-align: center; color: #009ea1; font-size: 18px; border: #009ea1 solid 1px; display: block; margin-top: 80px;transition: all .4s;-webkit-transition: all .4s;}
.slide3 .more:hover{ background:#009ea1; color: #fff;}

/*slide4*/
.slide4 .conBox{width: 100%; height: 100%;  display: table;}
.slide4 .con{ display: table-cell; vertical-align: middle;}
.slide4 .swiper-container{ width: 100%; height: auto !important; opacity: 0;}
.slide4 .swiper-wrapper{height: auto !important; overflow: hidden; margin-bottom: 78px;}
.slide4 .swiper-slide{height: auto !important;}
.slide4 .swiper-scrollbar { height:2px; width: 100%; bottom: 0; position: absolute;background: #8dcad3;}
.slide4 .swiper-scrollbar-drag { height: 6px;width: 100%;position: relative;background:#004063;margin-top: -2px;}
.slide4 .swiper-scrollbar-cursor-drag {cursor: move;}

.slide4 .title h2{ color: #fff;}
.slide4 .title h2:before{  background: #fff; }
.slide4 .boxcon{ padding: 0 10px;}
.slide4 .boxcon dl{ width: 100%; padding-bottom:69%; position: relative; overflow: hidden;}
.slide4 .boxcon dl img{ position: absolute;top:0; bottom:0; left:0; right:0; width:100%; height: 100%; margin:auto;}
.slide4 .boxcon ol{ height: 250px; background: #fff; padding: 20px; position: relative;}
.slide4 .boxcon ol span{ font-size: 16px; color: #999;}
.slide4 .boxcon ol h3{ height:55px; font-size: 18px; color: #000; font-weight: normal; line-height: 1.4; overflow: hidden; margin-bottom: 10px;}
.slide4 .boxcon ol p{height: 75px; color: #888888; font-size: 16px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
.slide4 .boxcon ol dt { width: 100%; color: #888888; padding: 0 20px; position: absolute; left:0; bottom: 20px;}
.slide4 .boxcon ol dt i{float: right; color: #e96000; font-style: normal; background: url(../images/icon02.png) no-repeat right center; padding-right: 20px;}
.slide4 .boxcon:hover ol{ background: #004063;}
.slide4 .boxcon:hover ol span{ color: #fff;}
.slide4 .boxcon:hover ol h3{ color: #fff;}
.slide4 .boxcon:hover ol p{ color: #fff;}
.slide4 .boxcon:hover ol dt{ color: #fff;}
.slide4 .boxcon:hover ol i{ color: #fff; background:none;}

.slide4 .more{ width: 170px; height: 50px; line-height: 50px; text-align: center; color: #fff; font-size: 18px; border: #9bd1d7 solid 1px; border-radius: 25px; display: block; margin: 60px auto 0;transition: all .4s;-webkit-transition: all .4s; opacity: 0;}
.slide4 .more:hover{ background: #fff; color: #333;}

/*slide5*/
.slide5 .conBox{width: 100%; height: 100%;  display: table;}
.slide5 .con{ display: table-cell; vertical-align: middle;}
.slide5 .title h2{ color: #fff;}
.slide5 .contact{ margin-bottom: 80px;}
.slide5 .contact ul { overflow: hidden; border-left: rgba(255,255,255,0.15) solid 1px;}
.slide5 .contact ul li{ width: 25%; text-align: center; float: left; color: #fff; font-size: 18px; border-right: rgba(255,255,255,0.15) solid 1px;}
.slide5 .contact ul li i{ width: 50px; height: 50px; line-height: 48px; margin: 0 auto 20px; display:block;}
.slide5 .contactBox{}
.slide5 .contactBox ul{ margin: 0 -10px;}
.slide5 .contactBox ul li{ width: 33.33%; float: left; padding: 10px;}
.slide5 .contactBox ul li dl{ border: rgba(255,255,255,0.3) solid 2px; padding: 20px; color: #fff; font-size: 15px; font-weight: 100;}
.slide5 .contactBox ul li dl ol{font-size: 20px; margin-bottom: 10px}

/*slide6*/
.slide6 .conBox{width: 100%; height: 100%;  display: table;}
.slide6 .con{ display: table-cell; vertical-align: middle;}
.slide6 .title h2{ color: #fff;}
.slide6 .title h2:before{  background: #fff; }
.slide6 .box{ padding-bottom: 150px;}
.slide6 .box ul{ width: 20%; float: left; text-align: center;}
.slide6 .box ul dl{font-size: 22px; color: #fff; font-weight: normal; line-height: 1; padding-bottom: 30px; margin-bottom: 30px; position: relative;}
.slide6 .box ul dl:before{ content:""; width:42px; height: 2px; background: #009ea1; position: absolute; left: 50%; bottom: 0; margin-left: -21px;}
.slide6 .box ul li a{font-size: 18px; color: #fff; line-height: 2;}
.slide6 .box ul li a:hover{ color: #009ea1;}

.copyright{ width: 100%; height: 100px; line-height: 100px; background: #009ea1; color: #000; position: absolute; left: 0; bottom: 0;}
.copyright a{ color: #000;transition: all .4s;-webkit-transition: all .4s;}
.copyright a:hover{ color: #fff;}
.copyright dl{ float: left;}
.copyright ol{ float: right;}

/*内页banner*/
.nei_banner{ height: 580px; background-position: center; background-repeat: no-repeat; background-size: cover;}
.nei_banner2{ height: 280px; background-position: center top; background-repeat: no-repeat; background-size: cover;}

/*内页导航*/
.neiNav{ margin-top:-85px; padding-bottom: 25px; position: relative; z-index: 11;}
.neiNav .box{ height:60px; background:rgba(255,255,255,.9);}
.neiNav .box ul{float: left;}
.neiNav .box ul li{float: left; line-height: 60px; border-right: #d7d7d7 solid 1px; position: relative;}
.neiNav .box ul li a{display: block; padding: 0 30px; font-size: 18px; color: #000;transition: all .4s;-webkit-transition: all .4s;}
.neiNav .box ul li a:hover,.neiNav .box ul li.focus a{ background: #009ea1; color: #fff;}
.neiNav .box ul li .subnav{ width: 100%; background: #009ea1; padding: 0 0 10px; position: absolute; display: none; transition: all .4s;-webkit-transition: all .4s;}
.neiNav .box ul li .subnav a{ font-size: 16px; line-height:1.8; color: #fff; display: block;}
.neiNav .box ul li .subnav a:hover{text-decoration: underline;}
.neiNav .box ul li:hover a{ background: #009ea1; color: #fff;}
.neiNav .box ul li:hover .subnav{ display: block;}
.neiNav .box .breadcrumb{float: right; line-height: 60px; padding: 0 25px 0 30px; color: #999999; background: url(../images/icon08.png) no-repeat left center;}
.neiNav .box .breadcrumb a{color: #999999;}
.neiNav .box .breadcrumb a:hover{color: #009ea1;}

/*内页标题*/
.ntitle {text-align: center; margin-bottom: 50px;}
.ntitle h2{font-size: 30px; color: #000; line-height: 1; font-weight: 400; position: relative; padding-bottom: 13px;}
.ntitle h2:before{ content:""; width:54px; height: 2px; background: #009ea1; position: absolute; left: 50%; bottom: 0; margin-left: -27px;}

/**/
.text{font-size: 18px; color: #666;}

/*简介*/
.about{ padding: 50px 0 70px;}

/*视频*/
.video{ padding:50px 0;}
.video .box{}
.video .box ul{ margin: 0 -36px;}
.video .box ul li{ width:65%; padding: 0 36px;margin:0 auto;}
.video .box ul li dl{ padding-bottom: 63.63%; position: relative; overflow: hidden; background: #000;}
.video .box ul li dl img{ position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height: 100%; margin:auto; opacity: 0.8;}
.video .box ul li dl dt{ width:78px; height:78px; background: url(../images/icon21.png) no-repeat center; position:absolute; left: 50%;top: 50%;transform: translate(-50%,-50%);}
.video .box ul li p{ font-size: 18px; line-height: 2; text-align: center;}

.videoBox{ width: 100%; height: 100%; position: fixed;top:0; left: 0; z-index: 9999999; display: none;}
.videoBox .black{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .8);}
.videoBox .box{position: absolute;left:50%;top:50%;width:1156px;transform: translate(-50%,-50%);}
.videoBox .box h3{ text-align: center; font-size: 30px; color: #95c749; font-weight: 500; text-transform: uppercase; margin-bottom: 20px;}
.videoBox .box dl{ height: 676px; padding: 15px;background-color: #fff;}
.videoBox .box dl video{ width: 100%; height: 100%; background: #000;}

/*经营理念*/
.idea{ padding: 50px 0 70px;}
.idea .box ul{ background: #e5e5e5; margin-bottom: 10px; overflow: hidden; }
.idea .box ul dl{ width: 50%; float: left; padding-bottom: 23.7%; position: relative;}
.idea .box ul dl img{ position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height: 100%; margin:auto; opacity: 0.8;}
.idea .box ul.cur dl{ width: 50%; float: right;}
.idea .box ul ol{ width: 50%; float: right;padding-bottom: 23.7%; position: relative;}
.idea .box ul.cur ol{ width: 50%; float: left;}
.idea .box ul ol .ideaCon{ position: absolute;top:50%;transform: translate(0,-50%); padding: 0 50px;}
.idea .box ul ol .ideaCon h3{ font-size: 25px; color: #009ea1; font-weight: normal; line-height: 1; margin-bottom:20px;}
.idea .box ul ol .ideaCon dt{ font-size: 18px; color: #666; }

/*企业形象*/
.xingxiang{ padding: 50px 0 100px;}
.xingxiang .box{ overflow: hidden;}
.xingxiang .box ul{ width: 20%; float: left;}
.xingxiang .box ul li{ position: relative; padding-bottom: 88.57%; background: #e6e6e6; overflow: hidden;}
.xingxiang .box ul li dl{ overflow: hidden;}
.xingxiang .box ul li ol{ width: 100%; text-align: center; padding: 0 45px; position: absolute; top: 50%; left:0; transform: translate(0,-50%);}
.xingxiang .box ul li ol h3{font-size: 25px; font-weight: normal;color: #333;}
.xingxiang .box ul li ol dt{ color: #666;}
.xingxiang .box ul li dl img{ position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height: 100%; margin:auto;}

.xinnian{ background: #e6e6e6; padding: 80px 0 90px;}
.xinnian ul{ overflow: hidden; margin: 0 -13px;}
.xinnian ul li{ width: 33.33%; padding: 0 13px; float: left;}
.xinnian ul li .con{ background: #fff;}
.xinnian ul li .con dl{ overflow: hidden;}
.xinnian ul li .con ol{ padding-bottom: 95%; position: relative;}
.xinnian ul li .con ol .xntext{ position: absolute; padding: 55px 35px 40px;}
.xinnian ul li .con ol h3{ font-size: 25px; color: #000; font-weight: normal; text-align: center; line-height: 1; padding-bottom: 15px; margin-bottom: 30px; position: relative;}
.xinnian ul li .con ol h3:before{ content:""; width:48px; height: 2px; background: #000; position: absolute; left: 50%; bottom: 0; margin-left:-24px;}
.xinnian ul li .con ol dt{ line-height: 1.4; color: #666; }

/*文化生活*/
.shenghuo{ padding: 50px 0 70px;}
.shenghuo .box{ padding-bottom: 20px;}
.shenghuo .box ul{ margin: 0 -14px;}
.shenghuo .box ul li{ width: 33.33%; padding: 0 14px; margin-bottom: 10px; float: left;}
.shenghuo .box ul li dl{width: 100%; padding-bottom:64.444%; position: relative; overflow: hidden;}
.shenghuo .box ul li dl img{ position: absolute;top:0; bottom:0; left:0; right:0; width:100%; height: 100%; margin:auto;}
.shenghuo .box ul li p{ text-align: center; font-size: 18px; color: #666; line-height: 2;}

/*方立团队*/
.team{ padding: 50px 0 70px;}
.team .box ul{background: #e6e6e6; overflow: hidden; margin-bottom: 20px;}
.team .box ul .pic{ width: 43%; float: left;}
.team .box ul .pic dl{width: 100%; padding-bottom:58.33%; position: relative; overflow: hidden;}
.team .box ul .pic dl img{ position: absolute;top:0; bottom:0; left:0; right:0; width:100%; height: 100%; margin:auto;}
.team .box ul ol{ width:57%; padding:50px 50px; float: left;}
.team .box ul ol h3{font-size: 18px; font-weight: normal; line-height: 1; margin-bottom: 20px;}
.team .box ul ol dt{color: #666; font-size: 15px;}

/*企业荣誉*/
.honor{ padding: 50px 0 70px;}
.honor .box{ padding-bottom: 10px;}
.honor .box ul{ margin: 0 -15px;}
.honor .box ul li{ width: 25%; padding: 0 15px; margin-bottom: 23px; float: left;}
.honor .box ul li dl{width: 100%; padding-bottom:67.07%; position: relative; overflow: hidden; border: #ddd solid 1px;}
.honor .box ul li dl img{ position: absolute;top:0; bottom:0; left:0; right:0; width:100%; height: 100%; margin:auto;}
.honor .box ul li p{ height: 50px; line-height: 50px; text-align: center; color: #666; }


/*专利发明*/
.zhuanli{ padding: 50px 0 70px;}
.zhuanli .box{ padding-bottom: 10px;}
.zhuanli .box ul{ margin: 0 -15px;}
.zhuanli .box ul li{ width: 25%; padding: 0 15px; margin-bottom: 23px; float: left;}
.zhuanli .box ul li dl{width: 100%; padding-bottom:137%; position: relative; overflow: hidden; border: #ddd solid 1px;}
.zhuanli .box ul li dl img{ position: absolute;top:0; bottom:0; left:0; right:0; width:100%; height: 100%; margin:auto;}
.zhuanli .box ul li p{ height: 50px; line-height: 50px; text-align: center; color: #666; }

/*大事记*/
.dashiji{padding: 50px 0 70px;}
.dashiji .preview{ position: relative; padding: 0 60px; margin-bottom: 50px; margin-top: 50px;}
.dashiji .preview .arrow-left,.dashiji .preview .arrow-right{ width: 50px; height: 50px; display: block; position: absolute;}
.dashiji .preview .arrow-left{ background: url( ../images/pre.png) no-repeat center;position: absolute; left: 0; top: 0; }
.dashiji .preview .arrow-right{ background: url( ../images/next.png) no-repeat center;position: absolute; right: 0; top: 0; }
.dashiji .preview .swiper-container {width: 100%;height: 50px;}
.dashiji .preview .swiper-slide {width:160px;line-height: 50px; text-align: center;}
.dashiji .preview .swiper-slide dl{ background: #e4e4e4; display: inline-block; padding: 0 40px; font-size: 20px; color: #333; font-weight: normal; border-radius: 30px;transition: all .4s; -webkit-transition: all .4s;}
.dashiji .preview .swiper-slide.active-nav dl{ background: #009ea1; color: #fff;}

.dashiji .view{ padding-bottom: 60px;}
.dashiji .view .swiper-container{ width: 100%; margin: 0 auto;box-sizing: border-box; border-radius: 10px;}
.dashiji .view .swiper-slide {  padding:10px 70px; font-size: 18px; color: #333; line-height: 2; box-sizing: border-box;}

/*产业*/
.chanye{background:#e7e7e7; padding: 50px 0 70px;}
.chanye .chanyeCon{font-size: 18px; margin-top: -20px;}
.chanye .box { margin-top: 50px;}
.chanye .box ul{ margin: 0 -13px; overflow: hidden;}
.chanye .box ul li{ width: 25%; float: left; margin-bottom: 40px; padding: 0 13px;}
.chanye .box ul li a{ display:block; position: relative;  overflow: hidden;}
.chanye .box ul li dl{width: 100%; padding-bottom:72.7%; position: relative; overflow: hidden;}
.chanye .box ul li dl img{ position: absolute;top:0; bottom:0; left:0; right:0; width:100%; height: 100%; margin:auto;}
.chanye .box ul li ol{ width: 100%; height: 50px; line-height: 50px; text-align: center; color: #fff; font-size: 20px; background:rgba(0,0,0,0.6); position: absolute; left: 0; bottom:0; transition: all .4s;-webkit-transition: all .4s;}
.chanye .box ul li .con{ width: 100%; height: 100%; background:rgba(0,158,161,0.78); padding:35px; color: #fff; position: absolute; left: 0; top:-200%; z-index: 11; transition: all .4s;-webkit-transition: all .4s;}
.chanye .box ul li .con h3{ font-size:22px; font-weight: normal; padding-top:5px; margin-bottom: 8px; position: relative;}
.chanye .box ul li .con h3:before{ content:""; width:40px; height:1px; background: #fff; position: absolute; left:0; top: 0;}
.chanye .box ul li .con dt{ line-height: 1.4;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
.chanye .box ul li .con span{ line-height: 1; position: absolute; bottom:30px; right: 30px;}
.chanye .box ul li a:hover .con{ top: 0;}
.chanye .box ul li a:hover p{ bottom: -100%;}

.industry_view{ padding: 50px 0 120px;}
.industry_view .ntitle{ text-align: left; overflow: hidden;}
.industry_view .ntitle h2{ float: left; margin-top: 20px;}
.industry_view .ntitle h2:before{ content:""; width:54px; height: 2px; background: #009ea1; position: absolute; left: 0; bottom: 0; margin-left: 0;}
.industry_view .ntitle .link{ float: right; overflow: hidden;}
.industry_view .ntitle .link .picBox{ float: left; height: 100px; line-height:92px; border:#dbdbdb solid 2px; overflow: hidden; margin-right: 7px;}
.industry_view .ntitle .link a.webLink{ width: 100px; height: 100px; padding-top: 50px; color: #fff; text-align: center; display: block; background:#009ea1 url(../images/icon20.png) no-repeat center 30px; float: left;}
.industry_view .ntitle .link a.webLink:hover{ background:#008689 url(../images/icon20.png) no-repeat center 30px;}

.industryBox{ padding-bottom: 110px;}
.industryBox .wrap{ position: relative;}
.industryBox .pre{ height:50px; width:50px; background:url(../images/pre.png) no-repeat center; position:absolute; left:-60px; top:50%; margin-top: -25px; display:block;}
.industryBox .next{ height:50px; width:50px; background:url(../images/next.png) no-repeat center; position:absolute; right:-60px; top:50%; margin-top: -25px; display:block;}
.industryBox .swiper-slide{ box-sizing: border-box; padding: 0 25px;}
.industryBox .swiper-slide dl{width: 100%; padding-bottom:66.27%; position: relative; overflow: hidden;}
.industryBox .swiper-slide dl img{ position: absolute;top:0; bottom:0; left:0; right:0; width:100%; height: 100%; margin:auto;}

/*人力资源*/
.hr{background:#e7e7e7; padding: 50px 0 70px;}
.hr .hrCon{ text-align: center; font-size: 18px; margin-top: -20px;}
.hr .box{ margin-top: 30px;}
.hr .box ul{ overflow: hidden; margin: 0 -14px;}
.hr .box ul li{ width:50%; float: left; padding:10px 14px;}
.hr .box ul li .boxcon{ background: #fff; overflow: hidden; cursor: pointer; transition: all .4s;-webkit-transition: all .4s;}
.hr .box ul li .boxcon dl{width:300px; height:300px; position: relative; overflow: hidden; float: left;}
.hr .box ul li .boxcon dl img{ position: absolute;top:0; bottom:0; left:0; right:0; width:100%; height: 100%; margin:auto;}
.hr .box ul li .boxcon ol{ padding: 30px 30px 30px 330px;}
.hr .box ul li .boxcon ol h3{ font-size: 20px; font-weight: normal; line-height: 1; margin-bottom: 10px; transition: all .4s;-webkit-transition: all .4s;}
.hr .box ul li .boxcon ol dt{ line-height: 1.4; transition: all .4s;-webkit-transition: all .4s; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 9; overflow: hidden;}
.hr .box ul li .boxcon:hover{ background: #009ea1;}
.hr .box ul li .boxcon:hover h3{ color: #fff;}
.hr .box ul li .boxcon:hover dt{ color: #fff;}

/*招聘*/
.job{ padding: 50px 0 70px;}
.job .box{ margin: 0 auto;}
.job .biaoti{ overflow: hidden; background: #009ea1; color: #fff; font-size: 18px; line-height: 60px; margin-bottom: 5px;}
.job .biaoti dd{ width: 16.66%; padding:0 28px; float: left;}
.job .biaoti dd:last-child{ text-align: right;}
.job ul { margin-bottom: 10px;background: #fff;}
.job ul.focus dl{display: block;}
.job ul li.cur ol i{ background: url(../images/icon18.png) no-repeat center;}
.job ul li{ background: #eeeeee; line-height:50px; font-size: 16px; color: #000;  overflow: hidden; cursor: pointer;}
.job ul li ol{ width:16.66%; padding:0 28px; float: left;}
.job ul li ol span{ color: #009ea1;}
.job ul li ol i{ width: 15px; height: 15px; background: url(../images/icon19.png) no-repeat center; display: block; float: right; margin: 17px 10px;}
.job ul dl{ color: #999; font-size: 16px; margin-bottom: 10px; padding: 28px; line-height: 1.6; overflow: hidden; display: none;}
.job ul dl h5{ font-size: 18px; color: #000; font-weight:400; margin-bottom:5px;}
.job ul dl .miaoshu{ width:66.64%; float: left; padding-right:30px;}
.job ul dl .lianxi{ width: 33.36%; float: left;}
.job ul dl .lianxi .jobBtn{ width: 140px; height:40px; line-height: 40px; background: #009ea1; color: #fff; text-align: center; border-radius: 20px; margin-top: 30px; display: block; transition: all .4s;-webkit-transition: all .4s;}
.job ul dl .lianxi .jobBtn:hover{ background: #008689;}

/*自我推荐*/
.tojob{padding: 50px 0 70px;}
.tojobtit{ font-size: 20px; color: #009ea1; border-bottom: #dddddd solid 1px; line-height: 2;}
.tojob .box ul{ overflow: hidden; margin:0 -50px; padding: 25px 0 30px;}
.tojob .box ul li{ width: 50%; float: left; padding:0 50px; overflow: hidden; margin-bottom: 10px;}
.tojob .box ul li ol{float: left; line-height: 40px; color: #666;}
.tojob .box ul li ol b{ line-height: 130px;font-size: 20px; color: #009ea1; font-weight: 300;}
.tojob .box ul li dl{ padding-left:120px; color: #999; line-height: 40px;}
.tojob .box ul li dl label{ float: left; margin-right: 50px;}
.tojob .box ul li select{ width: 100%; height: 40px; line-height: 40px; background: #fbfbfb; border: #d3d3d3 solid 1px; padding-left: 20px; font-size: 16px; color: #666;}
.tojob .box ul li input{ width: 100%; height: 40px; line-height: 40px; background: #fbfbfb; border: #d3d3d3 solid 1px; padding-left: 20px; font-size: 16px; color: #666;}
.tojob .box ul li input[type="radio"]{ width: 20px; height: 20px; background: #FFF; vertical-align: middle; margin-right: 5px;}
.tojob .box ul li textarea{ width: 100%; height: 130px; line-height: 20px; background: #fbfbfb; border: #d3d3d3 solid 1px; padding: 20px; font-size: 16px; color: #666;}
.tojob .box ul li button{ width: 100%; line-height: 58px; background: #009ea1; border: none; color: #fff; font-size: 20px; cursor: pointer;}

/*新闻*/
.news{background:#e7e7e7; padding: 50px 0 70px;}
.news ul{ overflow: hidden; margin: 0 -10px;}
.news ul li{ width: 25%; float: left; padding: 0 10px; margin-bottom: 30px;}
.news ul li .boxcon dl{ width: 100%; padding-bottom:69%; position: relative; overflow: hidden;}
.news ul li .boxcon dl img{ position: absolute;top:0; bottom:0; left:0; right:0; width:100%; height: 100%; margin:auto;}
.news ul li .boxcon ol{ height: 220px; background: #fff; padding: 20px; position: relative;}
.news ul li .boxcon ol span{ font-size: 16px; color: #999;}
.news ul li .boxcon ol h3{ height:55px; font-size: 18px; color: #000; font-weight: normal; line-height: 1.4; overflow: hidden;}
.news ul li .boxcon ol p{ height: 75px; color: #888888; font-size: 16px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
.news ul li .boxcon ol dt { width: 100%; color: #888888; padding: 0 20px; position: absolute; left:0; bottom: 20px;}
.news ul li .boxcon ol dt i{float: right; background: url(../images/icon02.png) no-repeat right center; padding:10px 20px;}
.news ul li .boxcon:hover ol{ background: #009ea1;}
.news ul li .boxcon:hover ol span{ color: #fff;}
.news ul li .boxcon:hover ol h3{ color: #fff;}
.news ul li .boxcon:hover ol p{ color: #fff;}
.news ul li .boxcon:hover ol dt{ color: #fff;}
.news ul li .boxcon:hover ol i{ background: url(../images/icon02_2.png) no-repeat right center; }

.newsView{padding: 50px 0 70px;}
.newsView .newsHead{ overflow: hidden; padding-bottom: 28px; border-bottom:#d2d2d2 solid 1px; margin-bottom: 30px;}
.newsView .newsHead dl{float: left; width: 98px;height: 98px; text-align: center; background: #009ea1; color: #fff; font-weight: bold; padding-top:15px; margin-right: 30px;}
.newsView .newsHead dl b{font-size: 38px; line-height: 1; display: block;}
.newsView .newsHead ol{ padding-left: 128px}
.newsView .newsHead ol h1{ font-size: 25px; font-weight: normal;position: relative; padding-bottom: 13px; margin-bottom: 13px;}
.newsView .newsHead ol h1:before{ content:""; width:54px; height: 2px; background: #009ea1; position: absolute; left:0; bottom: 0;}
.newsView .newsHead ol p{ color: #666666;}
.newsView .text{ font-size: 16px; line-height:1.9;}
.newsView .back{ width: 140px; height: 40px; line-height: 40px; margin: 60px 0;}
.newsView .back a{ background: #009ea1; color: #fff; display: block; text-align: center;}
.newsView .newspage{ font-size: 18px; overflow: hidden; border-top: #d4d4d4 solid 1px;}
.newsView .newspage dl{ padding: 20px 0; border-bottom: #d4d4d4 solid 1px;}
.newsView .newspage dl span{ color: #009ea1; font-weight: normal;}




.qtView{padding: 50px 0 70px;}
.qtView .newsHead{ overflow: hidden; padding-bottom: 28px;}
.qtView .newsHead ol{ text-align:center;}
.qtView .newsHead ol p{ color: #666666;}
.qtView .text{ font-size: 16px; line-height:1.9;}
.qtView .back{ width: 140px; height: 40px; line-height: 40px; margin:20px auto;}
.qtView .back a{ background: #009ea1; color: #fff; display: block; text-align: center;}
.qtView .newspage{ font-size: 18px; overflow: hidden; border-top: #d4d4d4 solid 1px;}
.qtView .newspage dl{ padding: 20px 0; border-bottom: #d4d4d4 solid 1px;}
.qtView .newspage dl span{ color: #009ea1; font-weight: normal;}



/*行业新闻*/
.industry{padding: 50px 0 70px;}
.industry .box{ margin-bottom: 30px;}
.industry ul li{ border-bottom: #d2d2d2 dashed 1px; line-height: 45px; background: url(../images/icon17.png) no-repeat left center; padding-left: 25px;}
.industry ul li a{ display: block;}
.industry ul li span{ float: right;}

/*联系我们*/
.contactMain{padding: 50px 0 70px;}
.contactMain .contact{ margin-bottom: 50px;}
.contactMain .contact ul { overflow: hidden; border-left: rgba(255,255,255,0.15) solid 1px;}
.contactMain .contact ul li{ width: 25%; text-align: center; float: left; font-size: 18px; border-right: rgba(255,255,255,0.15) solid 1px;}
.contactMain .contact ul li i{ width: 50px; height: 50px; line-height: 48px; margin: 0 auto 10px; display:block;}
.contactMain .contact ul li dl{ color: #009ea1;}
.contactMain .contactBox ul{ margin: 0 -10px; overflow: hidden;}
.contactMain .contactBox ul li{ width: 33.33%; float: left; padding: 10px;}
.contactMain .contactBox ul li dl{ border:#e2e2e2 solid 2px; padding: 20px; font-size: 15px; font-weight: 300;}
.contactMain .contactBox ul li dl ol{font-size: 20px; margin-bottom: 10px}

/*footer*/
.footer{}
.footer .fmain{background:#009ea1; background-image: -webkit-gradient(linear,0% 0%, 100% 100%, from(#004063), to(#009ea1)); padding: 70px 0 65px;}
.footer .fmain .fcontact{ float: left; color: #fff;}
.footer .fmain .fcontact dl{ font-size: 21px; font-weight: normal;padding-bottom:10px; margin-bottom: 20px; position: relative;}
.footer .fmain .fcontact dl:before{ content:""; width:80px; height: 2px; background: #fff; position: absolute; left: 0; bottom: 0;}
.footer .fmain .fcontact li{ line-height: 2; background-repeat: no-repeat; background-position: left center; padding-left:30px;}
.footer .fmain .fcontact li.add{ background-image: url(../images/icon09.png)}
.footer .fmain .fcontact li.zc{ background-image: url(../images/icon10.png)}
.footer .fmain .fcontact li.tel{ background-image: url(../images/icon11.png)}
.footer .fmain .fcontact li.email{ background-image: url(../images/icon12.png)}
.footer .fmain .fnav{float: right;}
.footer .fmain .fnav ul{float: left;margin-left: 100px;}
.footer .fmain .fnav ul dl{font-size:18px; color: #fff; font-weight: normal; line-height: 1; padding-bottom:10px; margin-bottom: 10px; position: relative;}
.footer .fmain .fnav ul dl:before{ content:""; width:30px; height: 2px; background: #fff; position: absolute; left: 0; bottom: 0;}
.footer .fmain .fnav ul li a{ color: #fff; line-height:1.7;}
.footer .fmain .fnav ul li a:hover{ text-decoration: underline;}
.footer .copyright{ width: 100%; height: 60px; line-height: 60px; background: #fff; color: #333; position: static;}
.footer .copyright a{ color: #333;transition: all .4s;-webkit-transition: all .4s;}
.footer .copyright a:hover{ color: #009ea1;}
.footer .copyright dl{ float: left;}
.footer .copyright ol{ float: right;}

/*===/分页=============================*/
.fengye{ padding: 30px 0; text-align: center; font-size:18px;}
.off{  padding:8px 17px; background:#ccc; color:#000; margin:0 10px;}
a.off:hover{ background:#009ea1; color:#fff; }
.fengye a{ line-height:1;color:#000; padding:8px 17px; margin-right:10px;background:#ccc;}
.fengye a:hover{color:#fff;background:#009ea1; }
.fengye a.fenyeon{ line-height:1; background:#009ea1; color:#FFF;}

.fengye.fy2{ text-align: left; margin-left: -10px;}
.fengye.fy2 .off{ background: #dcdcdc;}
.fengye.fy2 a{ background:#dcdcdc;}
.fengye.fy2 a:hover{background:#009ea1; }
.fengye.fy2 a.fenyeon{ background:#009ea1;}

/*搜索框*/
.search-dialog-box{display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 999999;}
.search-dialog-box .black{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .7);}
.search-dialog{position: absolute;left:50%;top:50%;box-sizing:border-box;width: 680px;padding: 20px 30px;transform: translate(-50%,-50%);background-color: #fff;box-shadow: 0 0 10px rgba(0,0,0,.33);border-radius:50px;}
.search-dialog input[type=text]{float: left;width: 86%;border: none; padding: 0;font-size:18px;line-height: 28px; height:28px;color: #999; background-color: #fff;border-radius: 0;}
.search-dialog input[type=submit] {float: right; width:28px; height:28px; background-repeat: no-repeat; background-position: center; background-size: 100%; border: none; padding: 0; background-image: url(../images/search-btn.png);background-color: transparent;}

@media screen and (max-width:1440px){
.wrap{ width: 100%; padding: 0 20px;}

.title {margin-bottom: 30px;}
.title h2{font-size: 30px;}

/*slide2*/
.slide2{ padding: 0 50px;}
.slide2 .box { padding: 10px 0; opacity: 0;}
.slide2 .box ul{ margin: 0 -13px; overflow: hidden;}
.slide2 .box ul li{ margin-bottom: 30px; padding: 0 13px;}
.slide2 .box ul li p{ width: 100%; height: 50px; line-height: 50px; font-size: 16px;}
.slide2 a.more{ width: 160px; height: 46px; line-height: 46px; font-size: 16px;}

/*slide3*/
.slide3 .aboutNum ul li dl b{font-size: 50px; line-height: 1; position: relative;}

.slide3 .boxcon{ padding: 0 70px 0 60px; }
.slide3 .aboutTit{ font-size:26px; margin-bottom: 25px;}
.slide3 .text{ font-size: 16px;}
.slide3 .more{ width: 200px; height: 50px; line-height: 50px; ; font-size: 16px;  margin-top: 30px;}

/*slide4*/
.slide4 .con{ width: 100%;}
.slide4 .swiper-container{ width:1300px; height: auto !important; opacity: 0;}
.slide4 .swiper-wrapper{height: auto !important; overflow: hidden; margin-bottom: 50px;}
.slide4 .swiper-slide{height: auto !important;}
.slide4 .swiper-scrollbar { height:2px; width: 100%; bottom: 0; position: absolute;background: #8dcad3;}
.slide4 .swiper-scrollbar-drag { height: 6px;width: 100%;position: relative;background:#004063;margin-top: -2px;}
.slide4 .swiper-scrollbar-cursor-drag {cursor: move;}

.slide4 .boxcon{ padding: 0 10px;}
.slide4 .boxcon ol{ height: 220px; padding: 20px;}
.slide4 .boxcon ol span{ font-size: 14px;}
.slide4 .boxcon ol h3{ height:55px; font-size: 16px; line-height: 1.4; margin-bottom: 0px;}
.slide4 .boxcon ol p{height: 70px; font-size: 15px;}
.slide4 .boxcon ol dt { width: 100%; padding: 0 20px; position: absolute; left:0; bottom: 20px;}
.slide4 .boxcon ol dt i{float: right; background: url(../images/icon02.png) no-repeat right center; padding-right: 20px;}

.slide4 .more{ width: 170px; height: 46px; line-height: 46px;  font-size: 16px; margin: 50px auto 0;}


/*slide5*/
.slide5{ padding: 0 50px;}
.slide5 .contact{ margin-bottom: 30px;}
.slide5 .contact ul li{ font-size: 16px;}
.slide5 .contact ul li i{ margin: 0 auto 10px;}
.slide5 .contactBox ul li dl{ padding: 20px; color: #fff; font-size: 14px; }
.slide5 .contactBox ul li dl ol{font-size: 18px; margin-bottom: 10px}

/*slide6*/
.slide6 .box{ padding-bottom: 100px;}
.slide6 .box ul dl{font-size: 20px; padding-bottom: 20px; margin-bottom: 30px;}
.slide6 .box ul li a{font-size: 16px; line-height: 1.8;}

.hr .box ul li .boxcon ol dt{ font-size: 15px;}

.copyright{ width: 100%; height: 60px; line-height: 60px;}

.neiNav .box ul li a{ padding: 0 20px; font-size: 16px;}

}

@media screen and (max-width:1370px){
    .xinnian ul li .con ol .xntext{ padding:30px 30px 40px;}
    .xinnian ul li .con ol h3{ margin-bottom:20px;}
}

@media screen and (max-width:1310px){
.hr .box ul li .boxcon ol dt{ font-size: 15px;
display: -webkit-box; 
-webkit-box-orient: vertical; 
-webkit-line-clamp: 10; 
overflow: hidden;}
}

@media screen and (max-width:1280px){
.title {margin-bottom: 30px;}
.title h2{font-size: 26px;}

.slide1.ani-slide p{ font-size: 20px;}

.slide3 .text{ font-size: 14px;}

.slide4 .swiper-container{ width: 1200px;}
.slide4 .swiper-wrapper{ margin-bottom: 40px;}
.slide4 .boxcon ol{ height: 200px; padding: 15px;}
.slide4 .boxcon ol p{ height:60px; font-size: 13px;}
.slide4 .boxcon ol dt{ padding: 0 15px;}
.slide4 .more{ margin: 35px auto 0;}

.slide5 .contact ul li{ font-size: 14px;}
.slide5 .contactBox ul li dl{ font-size: 12px;}
.slide5 .contactBox ul li dl ol{ font-size: 17px; margin-bottom: 5px;}

.idea .box ul ol .ideaCon h3{ font-size: 22px;}
.idea .box ul ol .ideaCon dt{ font-size: 16px;}

.xingxiang .box ul li ol h3{font-size: 22px;}
.xingxiang .box ul li ol dt{font-size: 14px;}

.xinnian ul li .con ol{ padding-bottom:90%;}
.xinnian ul li .con ol .xntext{ padding: 30px 25px 35px;}
.xinnian ul li .con ol h3{ font-size: 22px; margin-bottom: 20px;}
.xinnian ul li .con ol dt{font-size: 15px;}

.hr .hrCon{ font-size: 16px;}
.hr .box ul li .boxcon ol dt{font-size: 14px;}
}

@media screen and (max-width:1024px){
.header .logo{ left:20px;}
.header .nav ul li{ margin: 0 10px;}
.header .nav ul li a{ font-size: 16px;}
.header .headright{ right: 20px;}
.header .headright .lang{ margin-left: 20px; padding-left: 20px;}
}


/*动画*/
.ani{opacity:0;}
.slide1.ani-slide h3{
	opacity:1;
	-webkit-animation: fadeInUp 0.5s both;
    animation: fadeInUp 0.5s both;
}
.slide1.ani-slide p{
	opacity:1;
	-webkit-animation: fadeInUp 1s 0.5s both;
    animation: fadeInUp 1s 0.5s both;
}
.slide2.ani-slide .title{
	opacity:1;
	-webkit-animation: fadeInUp 0.5s both;
    animation: fadeInUp 0.5s both;
}
.slide2.ani-slide .box{
	opacity:1;
	-webkit-animation: fadeInUp 1s 0.5s both;
    animation: fadeInUp 1s 0.5s both;
}
.slide2.ani-slide .more{
	opacity:1;
	-webkit-animation: fadeInUp 2s 0.5s both;
    animation: fadeInUp 1s 0.8s both;
}
.slide3.ani-slide .aboutNum ul{
	opacity:1;
	-webkit-animation: fadeInLeft 1s both;
    animation: fadeInLeft 1s both;
}
.slide3.ani-slide .con{
	opacity:1;
	-webkit-animation: fadeInRight 1s both;
    animation: fadeInRight 1s both;
}
.slide4.ani-slide .title{
	opacity:1;
	-webkit-animation: fadeInUp 0.5s both;
    animation: fadeInUp 0.5s both;
}
.slide4.ani-slide .swiper-container{
	opacity:1;
	-webkit-animation: fadeInUp 1s 0.5s both;
    animation: fadeInUp 1s 0.5s both;
}
.slide4.ani-slide .more{
	opacity:1;
	-webkit-animation: fadeInUp 1s 0.8s both;
    animation: fadeInUp 1s 0.8s both;
}
.slide5.ani-slide .title{
	opacity:1;
	-webkit-animation: fadeInUp 0.5s both;
    animation: fadeInUp 0.5s both;
}
.slide5.ani-slide .contact{
	opacity:1;
	-webkit-animation: fadeInUp 0.8s 0.5s both;
    animation: fadeInUp 0.8s 0.5s both;
}
.slide5.ani-slide .contactBox{
	opacity:1;
	-webkit-animation: fadeInUp 0.8s 1s both;
    animation: fadeInUp 0.8s 1s both;
}
.slide6.ani-slide .title{
	opacity:1;
	-webkit-animation: fadeInUp 0.5s both;
    animation: fadeInUp 0.5s both;
}
.slide6.ani-slide .box{
	opacity:1;
	-webkit-animation: fadeInUp 0.8s 0.5s both;
    animation: fadeInUp 0.8s 0.5s both;
}
.slide6.ani-slide .copyright{
	opacity:1;
	-webkit-animation: fadeInUp 0.8s 1s both;
    animation: fadeInUp 0.8s 1s both;
}

@media screen and (max-width:1000px){
html,body,.main.swiper-container,.swiper-wrapper,.swiper-slide{height:auto; }
.ani{opacity:1;}
.wrap{padding: 0 15px;}

.title {margin-bottom: 30px;}
.title h2{font-size: 25px;}

/*slide1*/
.header{ width: 100%; height: 60px; background: rgba(5,74,116,0.5); position: fixed; top: 0; z-index: 9999; }
.header .logo{float: left; width:125px; padding-top:12px; position: absolute; left: 15px;}
.header .nav{ width: 100%; height: 100vh; background: #fff; padding-top:50px; border-top: #eee solid 1px; transition: all 0s;-webkit-transition: all 0s; display: none; position: fixed; left: 0; top: 60px;}
.header .nav ul{ margin: 0 auto; display: block;border-top: #eee solid 1px;}
.header .nav ul li{display:block; margin: 0; border-bottom: #eee solid 1px;}
.header .nav ul li a{font-size: 16px; color: #333; line-height: 50px; padding: 0 15px; position: relative; display: block;transition: color .4s;-webkit-transition: color .4s;}
.header .nav ul li a:before{ content:""; width:0%; height: 1px; bottom:-1px;}

.header .headright{ position: absolute; right:50%; top:70px; margin-right: -60px; display: none;}
.header .headright .searh_btn{ float: left; cursor: pointer; width:23px;height: 23px; background: url(../images/icon07.png) no-repeat center; margin-top: 2px;}
.header .headright .lang{ float: left; position: relative; margin-left:20px; padding-left: 20px;}
.header .headright .lang:after{ background: #eee;}

.header .menu-toggle{ width:60px; height:60px; position:fixed; right:0; top:0; z-index:99999; display:block;transition: top .4s;-webkit-transition: top .4s;}
.header .menu-toggle span{ width:35px; height:2px; background:#fff;display:block; position:relative; opacity:1;transition:all 300ms; margin:30px 0 0 12px;}
.header .menu-toggle span:before{ content:"";width:35px; height:2px; background:#fff;display:block; position:absolute; left:0; top:-10px;transition:all 300ms;}
.header .menu-toggle span:after{ content:"";width:35px; height:2px; background:#fff;display:block;position:absolute; left:0; top:10px;transition:all 300ms;}
.header .menu-toggle.cur span{background-color:transparent;}
.header .menu-toggle.cur span:before{transform:rotate(45deg); top:0px;}
.header .menu-toggle.cur span:after{transform:rotate(-45deg); top:0px;}

.header.nei{ background: #fff; transition: all .4s;-webkit-transition: all .4s;}
.header.nei .nav ul li a{ color: #555;transition: all .4s;-webkit-transition: all .4s;}
.header.nei .nav ul li a:hover{color: #009ea1;}
.header.nei .headright .searh_btn{  background: url(../images/icon07.png) no-repeat center; }
.header.nei .headright .lang:after{ background: #8c8c8c;}
.header.nei .menu-toggle span{ background: #333; }
.header.nei .menu-toggle span:before{ background:#333;}
.header.nei .menu-toggle span:after{ background:#333;}
.header.nei .menu-toggle.cur span{background-color:transparent;}

.header.nei.cur .logo{ width:125px; padding-top: 12px;}
.header.nei.cur{height: 60px; box-shadow: 0 0 5px rgba(0,0,0,0.1);}
.header.nei.cur .nav{ width: 100%; padding-top: 50px; border-top: #eee solid 1px;}
.header.nei.cur .nav ul li a{font-size: 18px; line-height:60px;}
.header.nei.cur .menu-toggle.cur span{background-color:transparent;}
.header.nei.cur .headright{top:70px;}

.bannertext{ text-align: center; color: #fff; width: 100%; height: 100%; display: table;}
.bannertext .box{ display: table-cell; vertical-align: middle; padding: 0 30px;}
.bannertext h3{ font-size: 81px; line-height: 1; margin-bottom: 10px;opacity: 1;}
.bannertext p{font-size: 14px; font-weight: 300;text-shadow:0px 0px 5px rgba(0,0,0,0.25); opacity: 1;}

.slide1{ height: 218px; margin-top:60px; }

/*slide2*/
.slide2{ padding:50px 0;}
.slide2 .box { padding: 0 0 20px; opacity: 1;}
.slide2 .box ul{ margin: 0 -5px; }
.slide2 .box ul li{ width:50%; float: left; margin-bottom:10px; padding: 0 5px;}
.slide2 .box ul li a{  border-radius: 5px; box-shadow: 0 0 5px rgba(0,0,0,.3);}
.slide2 .box ul li p{ height: 40px; line-height: 40px; font-size:16px;}
.slide2 a.more{ width: 160px; height: 40px; line-height: 40px;font-size: 16px;  opacity: 1;}

/*slide3*/
.slide3{ padding:50px 0 0;}
.slide3 .aboutNum{ width: 100%; float: none;}
.slide3 .aboutNum ul{ width:100%; margin:0 auto ; opacity: 1; padding: 30px 0;}
.slide3 .aboutNum ul li{ width: 50%; padding: 25px 38px; float: left;}
.slide3 .aboutNum ul li dl{ width: 120px; height: 120px; padding-top:30px;}
.slide3 .aboutNum ul li dl b{font-size:30px; line-height: 1; position: relative;}
.slide3 .aboutNum ul li.mj dl b:before{  right: -10px; top: 0px; font-size: 18px;}

.slide3 .boxcon{ width: 100%; height: 100%; float: none; padding: 0 15px; display: table;}
.slide3 .con{ width: 100%; display: table-cell; vertical-align: middle; opacity: 1;}
.slide3 .aboutTit{ font-size:25px; padding-top: 0; padding-bottom: 15px;  margin-bottom:30px; text-align: center;}
.slide3 .aboutTit:before{ content:""; width: 50px; height: 2px; left: 50%; bottom:0; top:auto; margin-left: -25px;}
.slide3 .text{ font-size: 15px;}
.slide3 .more{ width: 200px; height: 50px; line-height: 50px;font-size: 15px; margin: 40px auto 50px;}

/*slide4*/
.slide4{ padding:50px 0;}
.slide4 .conBox{width: 100%; height:auto;  display:block;}
.slide4 .con{ display:block; vertical-align: middle;}
.slide4 .swiper-container{ width: 100%; height: auto !important; opacity: 1;}
.slide4 .swiper-wrapper{height: auto !important; overflow: hidden; margin-bottom: 30px;}
.slide4 .boxcon{ padding: 0 5px;}
.slide4 .boxcon ol{ height: 190px; padding:15px;}
.slide4 .boxcon ol span{ font-size: 12px;}
.slide4 .boxcon ol h3{ height:42px; font-size: 15px; line-height: 1.4; margin-bottom: 5px;}
.slide4 .boxcon ol p{height: 60px; font-size: 13px;}
.slide4 .boxcon ol dt { width: 100%; padding: 0 15px; font-size: 13px; bottom: 20px;}
.slide4 .boxcon ol dt i{padding-right: 20px;}
.slide4 .more{ width: 120px; height: 40px; line-height: 40px;  font-size: 15px; margin: 30px auto 0; opacity: 1;}

/*slide5*/
.slide5{ padding:50px 0;}
.slide5 .contact{ margin-bottom: 10px;}
.slide5 .contact ul{border-left:0;}
.slide5 .contact ul li{ width:50%; font-size: 13px; margin-bottom: 15px;border-right:0;}
.slide5 .contact ul li i{ width: 30px; height: 30px; line-height: 28px; margin: 0 auto 10px; display:block;}
.slide5 .contactBox ul{ margin: 0;}
.slide5 .contactBox ul li{ width:100%; float: none; padding: 5px 0;}
.slide5 .contactBox ul li dl{ padding:15px; color: #fff; font-size: 12px; height: auto !important;}
.slide5 .contactBox ul li dl ol{font-size:16px; margin-bottom: 5px}

/*slide6*/
.slide6{ padding: 50px 0 0;}
.slide6 .conBox{width: 100%; height: 100%;  display: table;}
.slide6 .con{ display: table-cell; vertical-align: middle;}
.slide6 .title h2{ color: #fff;}
.slide6 .title h2:before{  background: #fff; }
.slide6 .box{ padding-bottom: 80px;}
.slide6 .box ul{ width: 20%; float: left; text-align: center;}
.slide6 .box ul dl{font-size: 16px; padding-bottom:15px; margin-bottom:15px; position: relative;}
.slide6 .box ul dl:before{ content:""; width:42px; height: 2px; background: #009ea1; position: absolute; left: 50%; bottom: 0; margin-left: -21px;}
.slide6 .box ul li a{font-size: 12px; color: #fff; line-height: 1.6;}
.copyright{ width: 100%; height:60px; line-height:60px; font-size: 12px; }


/*内页banner*/
.nei_banner{ height: 200px; background-position: center; background-repeat: no-repeat; background-size: cover;}
.nei_banner2{ height: 280px; background-position: center top; background-repeat: no-repeat; background-size: cover;}

/*内页导航*/
.neiNav{ margin-top:0; padding-bottom: 25px; position: relative; z-index: 11;}
.neiNav .wrap{ padding: 0; }
.neiNav .box{ height:auto;}
.neiNav .box ul{float: none; margin-right: -1px; }
.neiNav .box ul li{float: left; width:33.33%; line-height: 46px; border-right: #d7d7d7 solid 1px; border-bottom: #d7d7d7 solid 1px; position: relative;}
.neiNav .box ul li a{display: block; padding: 0; font-size: 15px; text-align: center;}
.neiNav .box ul li .subnav{ width: 100%; background: #009ea1; padding: 0 0 10px; position: absolute; z-index: 11; display: none; transition: all .4s;-webkit-transition: all .4s;}
.neiNav .box ul li .subnav a{ font-size: 14px; line-height:1.8; color: #fff; display: block;}
.neiNav .box ul li .subnav a:hover{text-decoration: underline;}
.neiNav .box ul li:hover a{ background: #009ea1; color: #fff;}
.neiNav .box ul li:hover .subnav{ display: block;}
.neiNav .box .breadcrumb{display: none;}


/*内页标题*/
.ntitle { margin-bottom: 30px;}
.ntitle h2{font-size:25px; padding-bottom: 13px;}
.ntitle h2:before{ content:""; width:46px;margin-left: -23px;}

/**/
.text{font-size: 15px; color: #666;}

/*简介*/
.about{ padding: 30px 0 50px;}

/*视频*/
.video{ padding:30px 0;}
.video .box{}
.video .box ul{ margin: 0px;}
.video .box ul li{ width:100%; float: none; padding: 0px; margin-bottom: 20px;}
.video .box ul li p{ font-size: 15px; line-height: 2; text-align: center;}

.videoBox{ width: 100%; height: 100%; position: fixed;top:0; left: 0; z-index: 9999999; display: none;}
.videoBox .black{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .8);}
.videoBox .box{position: absolute;left:50%;top:50%;width:90%;transform: translate(-50%,-50%);}
.videoBox .box dl{ height: 100%; padding: 0;background-color:none;}
.videoBox .box dl video{ width: 100%; height: 100%; background: #000;}

/*经营理念*/
.idea{ padding: 30px 0 50px;}
.idea .box ul{ background: #e5e5e5; margin-bottom: 10px; overflow: hidden; }
.idea .box ul dl{ width: 100%; float: none; padding-bottom: 47.14%; position: relative;}
.idea .box ul.cur dl{ width:100%; float: none;}
.idea .box ul ol{ width: 100%; float: none;padding:20px; position: relative;}
.idea .box ul.cur ol{ width: 100%; float: none;}
.idea .box ul ol .ideaCon{ position: static;top:0;transform: translate(0,0); padding: 0 ;}
.idea .box ul ol .ideaCon h3{ font-size: 18px; margin-bottom:10px;}
.idea .box ul ol .ideaCon dt{ font-size: 14px; }

/*企业形象*/
.xingxiang{ padding: 30px 0 30px;}
.xingxiang .box{ overflow: hidden;}
.xingxiang .box ul{ width: 100%; float: none;}
.xingxiang .box ul li{ width:50%; padding-bottom: 41%; float: left;}
.xingxiang .box ul li ol{ padding: 0 10px;}
.xingxiang .box ul li ol h3{font-size:17px; }
.xingxiang .box ul li ol dt{ font-size: 13px; }

.xinnian{ background: #e6e6e6; padding: 30px 0 50px;}
.xinnian ul{ overflow: hidden; margin: 0;}
.xinnian ul li{ width: 100%; padding: 0; float: none;}
.xinnian ul li .con ol{ width: 100%;  padding-bottom: 20px; }
.xinnian ul li .con ol .xntext{ position: static; padding:30px 25px 30px;}
.xinnian ul li .con ol h3{ font-size:20px; padding-bottom: 15px; margin-bottom: 20px;}
.xinnian ul li .con ol h3:before{ content:""; width:40px; margin-left:-20px;}
.xinnian ul li .con ol dt{ line-height: 1.4; font-size: 14px;}

/*文化生活*/
.shenghuo{ padding: 30px 0 50px;}
.shenghuo .box{ padding-bottom: 20px;}
.shenghuo .box ul{ margin: 0 -5px;}
.shenghuo .box ul li{ width: 50%; padding: 0 5px; margin-bottom: 10px; }
.shenghuo .box ul li p{  font-size: 15px; line-height: 2;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}

/*方立团队*/
.team{ padding: 30px 0 50px;}
.team .box ul{background: #e6e6e6; overflow: hidden; margin-bottom: 10px;}
.team .box ul .pic{ width:100%; float: none;}
.team .box ul ol{ width:100%; padding:30px; }
.team .box ul ol h3{font-size: 18px; margin-bottom: 20px;}
.team .box ul ol dt{font-size: 14px;}

/*企业荣誉*/
.honor{ padding: 30px 0 50px;}
.honor .box{ padding-bottom: 10px;}
.honor .box ul{ margin: 0 -5px;}
.honor .box ul li{ width:50%; padding: 0 5px; margin-bottom: 10px;}
.honor .box ul li p{ height: 40px; line-height: 40px; font-size: 13px;overflow: hidden; text-overflow:ellipsis; white-space: nowrap; padding: 0 5px;}



/*专利发明*/
.zhuanli{ padding: 30px 0 50px;}
.zhuanli .box{ padding-bottom: 10px;}
.zhuanli .box ul{ margin: 0 -5px;}
.zhuanli .box ul li{ width:50%; padding: 0 5px; margin-bottom: 10px;}
.zhuanli .box ul li p{ height: 40px; line-height: 40px; font-size: 13px;overflow: hidden; text-overflow:ellipsis; white-space: nowrap; padding: 0 5px;}


/*大事记*/
.dashiji{padding: 30px 0 50px;}
.dashiji .preview{ position: relative; padding: 0 60px; margin-bottom: 30px; margin-top: 50px;}
.dashiji .preview .swiper-container {width: 100%;height: 50px;}
.dashiji .preview .swiper-slide {width:130px;line-height: 50px; text-align: center;}
.dashiji .preview .swiper-slide dl{ padding: 0 30px; font-size: 18px;}

.dashiji .view{ padding-bottom: 20px;}
.dashiji .view .swiper-container{ width: 100%; margin: 0 auto;box-sizing: border-box; border-radius: 10px;}
.dashiji .view .swiper-slide {  padding:10px 5px; font-size: 15px;  line-height: 1.8; }

/*产业*/
.chanye{ padding: 30px 0 50px;}
.chanye .chanyeCon{font-size: 16px; margin-top: 0px;}
.chanye .box { margin-top: 20px;}
.chanye .box ul{ margin: 0 -5px; }
.chanye .box ul li{ width: 50%; float: left; margin-bottom: 10px; padding: 0 5px;}
.chanye .box ul li p{ width: 100%; height: 40px; line-height: 40px;  font-size: 16px;}
.chanye .box ul li .con{display: none;}

.industry_view{ padding: 30px 0 50px;}
.industry_view .ntitle h2{ float: none; margin-top: 0;}
.industry_view .ntitle h2:before{ width:40px; }
.industry_view .ntitle .link{ float: none; overflow: hidden; margin-top: 20px;}
.industry_view .ntitle .link .picBox{ float: left; height: 70px; line-height:62px;  margin-right: 7px;}
.industry_view .ntitle .link a.webLink{ width: 70px; height: 70px; padding-top: 0; font-size: 0;  background:#009ea1 url(../images/icon20.png) no-repeat center;}
.industry_view .ntitle .link a.webLink:hover{ background:#008689 url(../images/icon20.png) no-repeat center;}

.industryBox{ padding-bottom: 50px;}
.industryBox .wrap{ position: relative;}
.industryBox .pre{ display: none;}
.industryBox .next{ display: none;}
.industryBox .swiper-slide{ box-sizing: border-box; padding: 0 5px;}

/*人力资源*/
.hr{ padding: 50px 0 50px; margin-top: -25px;}
.hr .hrCon{font-size: 15px; margin-top: 0;}
.hr .box{ margin-top:20px;}
.hr .box ul{ overflow: hidden; margin: 0 ;}
.hr .box ul li{ width:100%; float: none; padding:5px 0;}
.hr .box ul li .boxcon{ background: #fff; overflow: hidden; cursor: pointer; transition: all .4s;-webkit-transition: all .4s;}
.hr .box ul li .boxcon dl{width:175px; height:175px; position: relative; overflow: hidden; float: left;}
.hr .box ul li .boxcon ol{ padding: 15px 10px 15px 190px;}
.hr .box ul li .boxcon ol h3{ font-size: 16px; margin-bottom: 8px;}
.hr .box ul li .boxcon ol dt{ font-size: 12px; line-height: 1.3; -webkit-line-clamp: 8; }

/*招聘*/
.job{ padding: 30px 0 50px;}
.job .box{ margin: 0 auto; overflow: hidden;}
.job .biaoti{  font-size: 16px; line-height: 30px; margin-bottom: 5px; padding: 10px; margin-right: -50px;}
.job .biaoti dd{ width: 33.33%; padding:0 10px; float: left;}
.job .biaoti dd:last-child{ text-align: left;}
.job ul { margin-bottom: 10px; overflow: hidden;}
.job ul.focus dl{display: none;}
.job ul li{line-height:30px; font-size: 15px; padding:5px 10px; margin-right: -50px;}
.job ul li ol{ width:33.33%; padding:0 10px; float: left;}
.job ul li ol i{ width: 15px; height: 15px; float: left; margin: 7px 10px;}
.job ul dl{ font-size: 13px; margin-bottom: 10px; padding:15px 0; line-height: 1.6; overflow: hidden; display: none;}
.job ul dl h5{ font-size: 16px;margin-bottom:5px;}
.job ul dl .miaoshu{ width:100%; float: none; padding-right:0; margin-bottom: 20px;}
.job ul dl .lianxi{ width: 100%; float: none;}
.job ul dl .lianxi .jobBtn{ width: 120px; height:36px; line-height: 36px; margin-top: 20px; }

/*自我推荐*/
.tojob{padding: 30px 0 50px;}
.tojobtit{ font-size: 18px;line-height: 2;}
.tojob .box ul{ overflow: hidden; margin:0 -50px; padding: 20px 0;}
.tojob .box ul li{ width: 100%; float: none; padding:0 50px; overflow: hidden; margin-bottom: 10px;}
.tojob .box ul li ol{float: left; line-height: 40px; color: #666;}
.tojob .box ul li ol b{ line-height: 100px;font-size: 18px;}
.tojob .box ul li dl{ padding-left:120px; line-height: 40px;}
.tojob .box ul li dl label{ float: left; margin-right: 50px;}
.tojob .box ul li select{ width: 100%; height: 40px; line-height: 40px; padding-left: 20px; font-size: 16px; color: #666;}
.tojob .box ul li input{ width: 100%; height: 40px; line-height: 40px; padding-left: 20px; font-size: 16px; color: #666;}
.tojob .box ul li input[type="radio"]{ width: 20px; height: 20px; background: #FFF; vertical-align: middle; margin-right: 5px;}
.tojob .box ul li textarea{ width: 100%; height: 100px; line-height: 20px;  padding: 20px; font-size: 16px; color: #666;}
.tojob .box ul li button{ width: 100%; line-height: 46px; font-size:16px;}

/*新闻*/
.news{padding: 50px 0 50px; margin-top:-25px;}
.news ul{  margin: 0 -5px;}
.news ul li{ width: 50%; padding: 0 5px; margin-bottom: 10px;}
.news ul li .boxcon ol{ height: 180px; background: #fff; padding:15px; }
.news ul li .boxcon ol span{ font-size: 16px; color: #999;}
.news ul li .boxcon ol h3{ height:42px; font-size: 15px;line-height: 1.4; margin-bottom: 5px;}
.news ul li .boxcon ol p{ height: 60px;  font-size: 14px;}
.news ul li .boxcon ol dt { padding: 0 15px; bottom: 15px; font-size: 14px;}
.news ul li .boxcon ol dt i{ padding:10px 20px;}


.newsView{padding: 20px 0 50px;}
.newsView .newsHead{ overflow: hidden; padding-bottom: 20px; margin-bottom: 20px;}
.newsView .newsHead dl{float: left; width: 98px;height: 98px; text-align: center; background: #009ea1; color: #fff; font-weight: bold; padding-top:15px; margin-right: 0;}
.newsView .newsHead dl b{font-size: 38px; line-height: 1; display: block;}
.newsView .newsHead ol{ padding-left: 120px}
.newsView .newsHead ol h1{ font-size: 20px;  padding-bottom: 10px; margin-bottom: 13px;}
.newsView .newsHead ol h1:before{width:40px; }
.newsView .newsHead ol p{ color: #666666; font-size: 13px;}
.newsView .text{ font-size: 15px; line-height:1.9;}
.newsView .back{ width: 120px; height: 40px; line-height: 40px; margin:40px 0;}
.newsView .newspage{ font-size: 15px;}
.newsView .newspage dl{ padding: 15px 0;}

/*行业新闻*/
.industry{padding: 30px 0 50px;}
.industry .box{ margin-bottom: 20px;}
.industry ul li{ line-height: 45px; padding-left: 20px; font-size: 15px;}
.industry ul li a{ display: block;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}

/*联系我们*/
.contactMain{padding: 40px 0 50px;}
.contactMain .contact{ margin-bottom: 20px;}
.contactMain .contact ul { overflow: hidden; border-left: rgba(255,255,255,0.15) solid 1px;}
.contactMain .contact ul li{ width:50%; text-align: center; float: left; font-size: 14px; margin-bottom: 15px;}
.contactMain .contact ul li i{ width: 30px; height: 30px; line-height:30px; margin: 0 auto 10px; display:block;}
.contactMain .contactBox ul{ margin: 0 ; }
.contactMain .contactBox ul li{ width: 100%; float: none; padding: 0; margin-bottom: 10px;}
.contactMain .contactBox ul li dl{ padding: 20px; font-size: 13px; height: auto !important;}
.contactMain .contactBox ul li dl ol{font-size: 16px; margin-bottom: 10px}


/*footer*/
.footer{}
.footer .fmain{padding: 30px 0;}
.footer .fmain .fcontact{ float: left; color: #fff;}
.footer .fmain .fcontact dl{ font-size: 18px; padding-bottom:10px; margin-bottom: 20px; position: relative;}
.footer .fmain .fcontact dl:before{ width:50px;}
.footer .fmain .fcontact li{ line-height:1.6; font-size: 14px; padding-left:30px;}
.footer .fmain .fnav{display: none;}
.footer .copyright{ height: auto; line-height: 20px;}
.footer .copyright .wrap{ padding:15px 10px; overflow:hidden;}
.footer .copyright ol{ float: left;}

.search-dialog{width:90%;}

/*===/分页=============================*/
.fengye{ padding: 20px 0; font-size:16px;}
.off{  padding:5px 12px; margin:0 5px;}
.fengye a{  padding:5px 12px; margin-right:5px;}

.fengye.fy2{ text-align: center; margin-left:0px;}

}